<template>
  <div class="activity">
    <Headers/>
    <div class="activityitem">
      <div class="item">
        <img src="../../images/mainTwo/activity/03.png"/>
      </div>
      <div class="item">
        <img src="../../images/mainTwo/activity/04.png"/>
      </div>
    </div>
  </div>
</template>

<script>

import Headers from "../../components/header"

export default {
  name:"activity",
  components:{
    Headers
  },
  data(){
    return{

    }
  }

}
</script>

<style lang="less" scoped>
  .activityitem{
    margin-top: -220/75rem;
    .item{
      width: 700/75rem;
      height: 390/75rem;
      border-radius: 20/75rem;
      box-shadow: 1px 1px 10PX gray;
      background: white;
      margin: 40/75rem auto;
      img{
        padding: 20/75rem 15/75rem;
      }
    }
  }
</style>
